import { List, TextareaItem, WhiteSpace, Picker } from 'antd-mobile';
import React from 'react';

const distinct = [
  {
    label: '是',
    value: '是',
  },
  {
    label: '否',
    value: '否',
  },
];

class Form extends React.Component {
  render() {

    return (
      <div>
        <form>
          <List renderHeader={() => '评价项目：教师师德（2.5分)'}>
            <List.Item>
              <div style={{color:'black'}}>督查意见：</div>
            </List.Item>
            <List.Item>
              <TextareaItem
                rows={5}
                count={100}
                placeholder="请输入督查意见"
              />
            </List.Item>
            {/*<WhiteSpace size='lg' />*/}
          </List>

          <List renderHeader={() => '督查详情'}>
            <TextareaItem
              disabled
              title="细则："
              autoHeight
              placeholder="学校（是 否）经常开展师德教育和法制教育，增强教师立德树人的荣誉感和责任感。"
              labelNumber={3}
            />
            <List.Item>
              <div style={{color:'black'}}>附件：</div>
            </List.Item>
            <Picker data={distinct} cols={1} className="forss">
              <List.Item arrow="horizontal">自查：</List.Item>
            </Picker>
            <Picker data={distinct} cols={1} className="forss">
              <List.Item arrow="horizontal">督查：</List.Item>
            </Picker>
          </List>
        </form>
      </div>
    );
  }
}
export default Form;
